.out-story-container {
  background-color: #ccb5900f;
  overflow: hidden;
  padding-bottom: 5.7rem;
}

/* 面包屑导航 */
.breadcrumb-link {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin: 3rem 21.8rem 3rem 21rem;
}

.dm-border-line {
  border-right: 0.1rem solid #3c3c3c66;
  height: 1.1rem;
}

.breadcrumb-item > a {
  font-size: var(--dm-font-body-text);
  font-weight: var(--dm-font-body-weight);
  line-height: var(--dm-font-body-line);
}

/* 灰色 */
.breadcrumb-item a.inactive {
  color: #3c3c3c66 !important;
}

/* 高亮 */
.breadcrumb-item a.active {
  /* 不换行 */
  white-space: nowrap;
  color: var(--dm-color-primary) !important;
}

.breadcrumb-link .bread-center {
  gap: 0.9rem;
  display: flex;
  align-items: center;
}

/* About us介绍 */

.story-about-container {
  display: flex;
  margin: 0 21.8rem;
  gap: 7.4rem;
}

.story-about-container .story-about-left {
  width: 63.3rem;
}

.story-about-container .story-about-left h2 {
  color: var(--dm-color-primary);
  font-size: 4.8rem;
  font-weight: var(--dm-font-h1-weight);
  font-family: var(--dm-font-family-base);
  margin-bottom: 2.4rem;
}

.story-about-container .story-about-left p {
  font-size: var(--dm-font-body2-size);
  font-weight: var(--dm-font-body2-weight);
  line-height: var(--dm-font-body1-line);
  font-family: var(--dm-font-family-base);
  color: var(--dm-color-hover);
  margin-bottom: 4rem;
}

.story-about-container .story-about-left button {
  width: 28.8rem;
  height: 6.6rem;
  border-radius: 0.6rem;
  background-color: var(--dm-color-primary);
  color: var(--dm-color-white);
  font-size: var(--dm-font-body2-size);
  font-weight: var(--dm-font-body2-weight);
}

.story-about-container .story-about-right {
  width: 79.6rem;
  height: 53.1rem;
}

.story-about-container .story-about-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Our Specialty 板块 */
.specialty-container {
  display: flex;
  flex-direction: column;
  gap: 12.8rem;
}

.specialty-container .text-left-specialty-container {
  display: flex;
  margin: 0 21.8rem;
  gap: 12.8rem;
  align-items: center;
}

.specialty-container .specialty-content {
  width: 70.2rem;
}

.specialty-container .specialty-content h1 {
  color: var(--dm-color-primary);
  font-size: var(--dm-font-h1-size);
  font-weight: var(--dm-font-h1-weight);
  font-family: var(--dm-font-family-base);
  margin-bottom: 3rem;
}

.specialty-container .specialty-content p {
  font-size: var(--dm-font-body2-size);
  font-weight: var(--dm-font-body2-weight);
  line-height: var(--dm-font-body1-line);
  font-family: var(--dm-font-family-base);
  color: var(--dm-color-text);
}

.specialty-container .media-figure {
  width: 66.9rem;
  height: 50.1rem;
}

.specialty-container .media-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.specialty-container .right-text-specialty-container {
  display: flex;
  margin: 0 21.8rem;
  gap: 12.8rem;
  align-items: center;
}

@media (width <= 768px) {
  /* 面包屑导航 */
  .breadcrumb-link {
    margin: 2.3rem 3.3rem 3rem;
  }

  /* About us介绍 */
  .story-about-container {
    margin: 0 3rem;
    flex-direction: column;
  }

  .story-about-container .story-about-left h2 {
    text-align: center;
  }

  .story-about-container .story-about-left button {
    width: 33.3rem;
    height: 9.6rem;
  }

  .story-about-container .story-about-right {
    width: 69.1rem;
    height: 46.1rem;
  }

  /* Our Specialty 板块 */
  .specialty-container {
    gap: 6.6rem;
  }

  .specialty-container .specialty-content h1 {
    text-align: center;
  }

  .specialty-container .media-figure {
    width: 68.9rem;
    height: 51.7rem;
  }

  .specialty-container .text-left-specialty-container {
    flex-direction: column;
    margin: 0 3rem;
    gap: 3.3rem;
  }

  .specialty-container .right-text-specialty-container {
    margin: 0 3rem;
    flex-direction: column-reverse;
    gap: 3.3rem;
  }
}
